<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Input Pengguna</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="clockp.js"></script>
<script type="text/javascript" src="clockh.js"></script> 
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="ddaccordion.js"></script>
<script type="text/javascript">
ddaccordion.init({
	headerclass: "submenuheader", //Shared CSS class name of headers group
	contentclass: "submenu", //Shared CSS class name of contents group
	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["suffix", "<img src='images/plus.gif' class='statusicon' />", "<img src='images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})
</script>

<script type="text/javascript" src="jconfirmaction.jquery.js"></script>
<script type="text/javascript">
	
	$(document).ready(function() {
		$('.ask').jConfirmAction();
	});
	
</script>

<script language="javascript" type="text/javascript" src="niceforms.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="niceforms-default.css" />
<style>
	<?php include 'include_style.php'; ?>
</style>
</head>
<body>
<div id="main_container">

	<?php include 'header.php'; ?>
    
    <div class="main_content">
                
                    
    <div class="center_content">  
		
    
	
    <div class="left_content">
    
    		<?php include 'left_content.php'; ?>
    		<?php include 'calendar.php' ; ?>

    </div>  
    
    <div class="right_content">
	<h2>Input Data Siswa</h2>
		<div id="stylized" class="myform">
			<form id="form" name="form" method="post" action="index.html">
			<h1>Data Diri Siswa</h1>
			<table>
				<tr>
					<td>
						<label>Nomor Induk Siswa<span class="small">isi nomor induk siswa</span></label>
					</td>
					<td>
						<input type="text" name="nis" id="nis" />
					</td>
				</tr>
				<tr>
					<td>
						<label>Tahun Masuk<span class="small">isi tahun masuk siswa</span></label>
					</td>
					<td>
						<input type="text" name="tahunmasuk" id="tahunmasuk" />
					</td>
				</tr>
				<tr>
					<td>
						<label>Jurusan<span class="small">isi jurusan siswa</span></label>
					</td>
					<td>
						<input type="text" name="jurusan" id="jurusan" />
					</td>
				</tr>    
				<tr>
					<td>
						<label>Nama Lengkap<span class="small">Tambah nama siswa</span></label>
					</td>
					<td>
						<input type="text" name="name" id="name" /></td>
				</tr>
				<tr>
					<td>
						<label> Tempat lahir<span class="small">Tempat lahir siswa</span></label>
					</td>
					<td>
						<input type = "text" name = "tempat lahir" id = "tempatlahir"/>
					</td>
			   </tr>
			   <tr> 
					<td>  
						<label> Tanggal Lahir<span class="small">Tanggal lahir siswa</span></label>
					</td>
					<td>    
					   <select>
					   	<option value="">Pilih</option>
						 <option value="1">1</option>
						 <option value="2">2</option>
						 <option value="3">3</option>
						 <option value="4">4</option>
						 <option value="5">5</option>
						 <option value="6">6</option>
						 <option value="7">7</option>
						 <option value="8">8</option>
						 <option value="9">9</option>
						 <option value="10">10</option>
						 <option value="11">11</option>
						 <option value="12">12</option>
						 <option value="13">13</option>
						 <option value="14">14</option>
						 <option value="15">15</option>
						 <option value="16">16</option>
						 <option value="17">17</option>
						 <option value="18">18</option>
						 <option value="19">19</option>
						 <option value="20">20</option>
						 <option value="21">21</option>
						 <option value="22">22</option>
						 <option value="23">23</option>
						 <option value="24">24</option>
						 <option value="25">25</option>
						 <option value="26">26</option>
						 <option value="27">27</option>
						 <option value="28">28</option>
						 <option value="29">29</option>
						 <option value="30">30</option>
						 <option value="31">31</option>
					   </select>
					</td>
					<td>  
					   <select>
					   	<option value="">Pilih</option>
						 <option value="1">1</option>
						 <option value="2">2</option>
						 <option value="3">3</option>
						 <option value="4">4</option>
						 <option value="5">5</option>
						 <option value="6">6</option>
						 <option value="7">7</option>
						 <option value="8">8</option>
						 <option value="9">9</option>
						 <option value="10">10</option>
						 <option value="11">11</option>
						 <option value="12">12</option>
						</select>
					</td>
					<td> 
						<select>
						<option value="">Pilih</option>
						 <option value="1">2000</option>
						 <option value="2">1999</option>
						 <option value="3">1998</option>
						 <option value="4">1997</option>
						 <option value="5">1996</option>
						 <option value="6">1995</option>
						 <option value="7">7</option>
						 <option value="8">8</option>
						 <option value="9">9</option>
						 <option value="10">10</option>
						 <option value="11">11</option>
						 <option value="12">12</option>
						 <option value="13">13</option>
						 <option value="14">14</option>
						 <option value="15">15</option>
						 <option value="16">16</option>
						 <option value="17">17</option>
						 <option value="18">18</option>
						 <option value="19">19</option>
						 <option value="20">20</option>
						 <option value="21">21</option>
						 <option value="22">22</option>
						 <option value="23">23</option>
						 <option value="24">24</option>
						 <option value="25">25</option>
						 <option value="26">26</option>
						 <option value="27">27</option>
						 <option value="28">28</option>
						 <option value="29">29</option>
						 <option value="30">30</option>
						 <option value="31">31</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>
						<label>Agama<span class="small">isi agama siswa</span></label>
					</td>
					<td>
						<input type="text" name="agama" id="agama" />
					</td>
				</tr>
				<tr>
					<td>
						<label>Jenis Kelamin<span class="small">isi jenis kelamin siswa</span></label>
					</td>
					<td>  
						<input type="radio" width = "100px" name="sex" value="male">male
					</td>
					<td>
						<input type="radio" width = "100px" name="sex" value="female">female
					</td>
				</tr>
				<tr>
					<td>
						<label>Alamat<span class="small">isi alamat siswa</span></label>
					</td>
					<td>
						<input type="text" name="alamat" id="alamat" />
					<td>
				</tr>
				<tr>
					<td>
						<label>Kodepos<span class="small">isi kodepos siswa</span></label>
					</td>
					<td>
						<input type="text" name="kodepos" id="kodepos" />
					</td>
				</tr>
				<tr>
					<td>
						<label>Kota<span class="small">isi kota siswa</span></label>
					</td>
					<td>
						<input type="text" name="kota" id="kota" />
					</td>
				</tr>
				<tr>
					<td>
						<label>Provinsi<span class="small">isi provinsi siswa</span></label>
					</td>
					<td>
						<input type="text" name="provinsi" id="provinsi" />
					</td>
				</tr>
				<tr>
					<td>
						<label>No. Telepon/HP<span class="small">isi no telepon siswa</span></label>
					</td>
					<td>
						<input type="text" name="notlp" id="notlp" />
					</td>
				</tr>
            </table>
               
            <h1>Data Akademik SMP</h1>
            <table>
				<tr>
					<td>
						<label>Nama SMP Asal
						 <span class="small">isi asal SMP siswa</span>
						</label>
					</td>
					<td>
						<input type = "text"  name = "smpasal" id = "smpasal"/>
					</td>
				</tr>
                    
				<tr>
					<td>
						<label>No Ijazah
						 <span class="small">isi nomor ijazah siswa</span>
						</label>
					</td>
					<td>
						<input type = "text" name = "noijazah" id = "noijazah"/>
					</td>
				</tr>
               
            </table>
               
            <h1>Data Orang Tua/Wali</h1>
            <table>
				<tr>
					<td>
						<label>Nama Ayah
						 <span class="small">isi nama ayah</span>
						</label>
					</td>
						
					<td>
						<input type = "text" name = "namaayah" id = "namaayah"/>
					</td>
					<td>
						<label>Nama ibu
							<span class = "small"> isi nama ibu </span>
						</label>
					</td>
					<td>
						<input type = "text" name = "namaibu" id = "namaibu"/>
					</td>
				</tr>
				<tr>
					<td>
						<label>Pekerjaan Ayah
						 <span class="small">isi pekerjaan ayah</span>
						</label>
					</td>
						
					<td>
						<input type = "text" name = "pekerjaanayah" id = "pekerjaanayah"/>
					</td>
					<td>
						<label>Pekerjaan ibu
							<span class = "small"> isi nama ibu </span>
						</label>
					</td>
					<td>
						<input type = "text" name = "pekerjaanibu" id = "pekerjaanibu"/>
					</td>
				</tr>
				<tr>
					<td>
						<label>Nama wali
								<span class = "small"> isi nama wali </span>
						</label>
				   </td>
				   <td>
						<input type = "text" name = "namawali" id = "namawali"/>
				   </td>	
				</tr>
				<tr>
					<td>
						<label>Alamat Wali
							<span class="small">isi alamat wali</span>
						</label>
					</td>
					<td>
						 <input type="text" name="alamat" id="alamat" />
					<td>
				</tr>
			
				<tr>
					<td>
						<label>Kodepos
							<span class="small">isi kodepos wali</span>
						</label>
					</td>
					<td>
						<input type="text" name="kodepos" id="kodepos" />
					</td>
				</tr>
                
				<tr>
					<td>
						<label>Kota
							<span class="small">isi kota wali</span>
						</label>
					</td>
					<td>
						<input type="text" name="kota" id="kota" />
					</td>
				</tr>
                	
				<tr>
					<td>
						<label>Provinsi
							<span class="small">isi provinsi wali</span>
						</label>
					</td>
					<td>
						<input type="text" name="provinsi" id="provinsi" />
					</td>
              	</tr>
               
               	<tr>
                	<td>
                		<label>No. Telepon/HP
                    		<span class="small">isi no telepon wali</span>
                		</label>
                	</td>
                	<td>
                		<input type="text" name="notlp" id="notlp" />
                	</td>
				</tr>
               
				<tr>
                	<td>
                		<label>email
                    		<span class="small">isi email wali</span>
                		</label>
                	</td>
                	<td>
                		<input type="text" name="notlp" id="notlp" />
                	</td>
				</tr>
			</table>
          
			</form>
		</div>
		<a class="menuitem_red" href="">Simpan</a>
    </div><!-- end of right content-->
            
                    
  </div>   <!--end of center content -->               
                    
                    
    
    
    <div class="clear"></div>
    </div> <!--end of main content-->
	
    
    <div class="footer">
    
    	    	<?php include 'footer.php'; ?>

    </div>

</div>		
</body>
</html>